<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>第一个 ECharts 实例</title>
  <!-- 引入 echarts.js -->
  <script src="./4.3.0/echarts.min.js"></script>
</head>

<body>
  <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
  <div id="main" style="width: 1000px;height:300px;"></div>
  <script type="text/javascript">
    // ECharts 双Y轴折线图示例
    var chartDom = document.getElementById('main');
    var myChart = echarts.init(chartDom);
    var option = {
      tooltip: {
        trigger: 'axis'
      },
      legend: {
        data: ['FNR', 'FPR']
      },
      xAxis: {
        type: 'category',
        data: ['稳态环境', '资源受限环境', '对抗扰动环境'
        ]
      },
      yAxis: {
        type: 'value',
        name: '数值',
        min: 0,
        max: 0.1
      },
      series: [
        {
          name: 'FNR',
          type: 'line',
          data: [0.01,0.05,0.07]
        },
        {
          name: 'FPR',
          type: 'line',
          data: [0.04,0.06,0.03]
        }
      ]
    };
    myChart.setOption(option);
  </script>
</body>

</html>